<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/shop_01.css">
  <link rel="stylesheet" href="./css/elegant-icons.css">
  <link rel="stylesheet" href="./css/ionicons.css">
  <link rel="stylesheet" href="./css/material-design-iconic-font.css">
  <link rel="stylesheet" href="./css/font-awesome.min.css">
  <!-- <link rel="stylesheet" href="./css/index.css"> -->
  <title>shop_01</title>
</head>

<body>
  <!-- 导航栏部分 -->

  <head>
    <div class="nav_center">
      <div class="nav_logo_jpg">
        <img src="./img/logo.png" alt="" />
      </div>
      <div class="nav_menu">
        <a href="./index.html">商城首页</a>
        <a href="#">产品中心</a>
        <a href="#">促销中心</a>
        <a href="#">联系我们</a>
        <a href="#">关于我们</a>
        <span>
          <a href="register.html">注册<span>/</span><a href="./login.html">登录</a></a>  
           </span>     
        <div class="sc_zmdi">

          <ul class="sc_zmdi_ioc">
            <div class="ipt">
              <input type="text" name="" id="" placeholder="输入搜索的商品">
            </div>
            <li><a href=""><i class="zmdi zmdi-search icon"></i></a></li>
            <li><a href=""><i class="zmdi zmdi-lock-outline icon"></i></a></li>
            <li><a href=""><i class="zmdi zmdi-shopping-cart-plus icon">
                  <div class="gw_ioc">2</div>
                </i></a></li>
          </ul>

        </div>
      </div>
    </div>
  </head>

  <!-- 黑色的大图 -->
  <div class="bg">
    <div class="bg_black">
      <div>
        <div class="bg_text">
          <a href="./index.html">Home</a>
          /
          <span> Products</span>
          <h2>Products</h2>
        </div>
      </div>
    </div>
  </div>

  <!-- 主体展示部分 -->
  <div class="">
    <div class="shop_body">
      <div class="body_center clearfix">
        <div class="body_nav">
          <div class="body_text">
            <div class="body_btns">
              <button class="bt1" id="btns1"> <i class="fa fa-th"></i> </button>
              <button class="bt2" id="btns2"> <i class="fa fa-th-list"></i> </button>
            </div>
            <div class="body_cd">
              <p>Showing 1 - 18 of 33 result
              </p>
              <b>Sort by</b>
              <select name="" id="" class="body_xlcd">
                <option value="">Price, high to low</option>
                <option value="">Featured</option>
                <option value="">Best Selling</option>
                <option value="">Alphabetically, A-Z</option>
                <option value="">Alphabetically, Z-A</option>
                <option value="">Price, low to high</option>
                <option value="">Price, high to low</option>
                <option value="">Date, old to new</option>
              </select>
            </div>
          </div>
        </div>
        <div class="ym1">
          <div class="shop_img">
            <img src="./img/shop/11.jpg" alt="">
            <div class="products_ioc_right">
              -18%
            </div>
            <div class="products_ioc_left">
              Sale
            </div>
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/10.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/16.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="products_ioc_right">
              -18%
            </div>
            <div class="products_ioc_left">
              Sale
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/13.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/6.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/17.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="products_ioc_right">
              -18%
            </div>
            <div class="products_ioc_left">
              Sale
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/2.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/1.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="products_ioc_right">
              -18%
            </div>
            <div class="products_ioc_left">
              Sale
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/8.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/6.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/5.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="products_ioc_right">
              -18%
            </div>
            <div class="products_ioc_left">
              Sale
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/3.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/3.jpg" alt="">
            <div class="time_center">
              <div class="time">
                <span class="day">
                </span>
                <span>天</span>
              </div>
              <div class="time">
                <span class="hours">
                </span>
                <span>时</span>
              </div>
              <div class="time">
                <span class="mins">
                </span>
                <span>分钟</span>
              </div>
              <div class="time">
                <span class="secs">
                </span>
                <span>秒</span>
              </div>
            </div>
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/3.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/7.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/13.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/15.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
          <div class="shop_img">
            <img src="./img/shop/11.jpg" alt="">
            <div class="tb">
              <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
              <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
              <a href=""><i class="zmdi zmdi-search icon"></i></a>
            </div>
            <div class="img_text">
              <p>Ruffled Neck Blouse</p>
              <div>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star-half-o"></i>
              </div>
              <span>$110.00<span>$130.00</span></span>
            </div>
          </div>
        </div>
        <div class="ym2 clearfix"> 
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
        </div>
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
          

        </div>
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
          

        </div>
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
          

        </div>
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
          

        </div>
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
        </div>
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
        </div>
          <div class="shop2">
            <div class="shop_img2 clearfix">
              <img src="./img/shop/11.jpg" alt="">
              <div class="products_ioc_right">
                -18%
              </div>
              <div class="products_ioc_left">
                Sale
              </div>
            </div>
            <div class="shop2_text">
              <a href="">Ruffled Neck Blouse</a>
              <span>$110.00</span>
              <span>$130.00</span>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="tb">
                <a href=""><i class="zmdi zmdi-shopping-cart-plus icon"></i></a>
                <a href=""><i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i></a>
                <a href=""><i class="zmdi zmdi-search icon"></i></a>
              </div>
          </div>
        </div>      
      </div> 
    </div>
    
    <div class="shop_foot_center">
        <div class="shop_foot">
          <div>
            <a href="">Prev</a>
          </div>
          <div>
            <a href="">1</a>
          </div>
          <div>
            <a href="">2</a>
          </div>
          <div>
            <a href="">Next</a>
          </div>
        </div>
      </div>
  </div>


  <!-- 页脚 -->
  <div>
    <div class="sc_box">
      <div class="sc_foot">
        <table></table>
        <div class="sc_foot_1">
          <table></table>
          <div>
            <img src="./img/logo.png" alt="">
          </div>
          <div class="foot1_text">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error voluptas eveniet quos.</p>
            <p><i class="ion-ios7-location-outline"></i><span>184 Main Rd E, St Albans VIC 3021</span></p>
            <p><i class="ion-ios7-email-outline"></i> <a href="#"> info@example.com</a></p>
          </div>
        </div>

        <div class="sc_foot2">
          <div>
            <h5>INFORMATION</h5>
          </div>
          <div>
            <p>Specials
            </p>
            <p> New products
            </p>
            <p>Top sellers
            </p>
            <p>Our stores
            </p>
            <p>Contact us</p>
          </div>
        </div>

        <div class="sc_foot2">
          <div>
            <h5>QUICK LINKS</h5>
          </div>
          <div>
            <p>Specials
            </p>
            <p> New products
            </p>
            <p>Top sellers
            </p>
            <p>Our stores
            </p>
            <p>Contact us</p>
          </div>
        </div>

        <div class="sc_foot3">
          <div>
            <h5>NEWSLETTER</h5>
          </div>
          <p>Sign up for our newsletter & promotions</p>
          <div>
            <input type="text" name="" id="" placeholder="emily@example.com">
          </div>
          <div class="foot_btn">
            <button>Subscribe</button>
          </div>
        </div>

      </div>
    </div>
  </div>
  <!-- <script src="./js/index.min.js"></script> -->
  <script src="./js/jquery.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/index.min.js"></script>
</body>
</html>